<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>宿舍管理系统</title>
    <link rel="stylesheet" type="text/css" href="/static/admin/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="/static/admin/css/admin.css"/>
    <script src="/static/admin/js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
    .kit-tab-tool {
        position: absolute;
        width: 60px;
        height: 40px;
        top: 0;
        right: 10px;
        border-left: 1px solid #e2e2e2;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
        border-right: 1px solid #e2e2e2;
        z-index: 999;
    }

    .kit-tab-tool-body {
        position: absolute;
        top: 40px;
        right: 10px;
        width: 150px;
        border: 1px solid #e2e2e2;
        display: none;
        background-color: #fff;
        z-index: 999;
    }

    .kit-item {
        line-height: 35px;
        cursor: pointer;
        color: #393D49;
        text-align: center;
    }

    .kit-line {
        border-bottom: 1px solid #e2e2e2;
    }

    .m-logos {
        width: 100%;
        height: 70px;
        background-size: 25% 70%;
        background-position-x: 10%;
        background-position-y: 70%;
        background: url(/static/admin/images/y.jpg) no-repeat;
    }
</style>
<body>
<div class="main-layout" id='main-layout'>
    <!--侧边栏-->
    <div class="main-layout-side">
        <div class="m-logos layui-anim-loop" style="background-size: 25% 70%;background-position-x: 10%;background-position-y: 70%;"
             onclick="window.open('/','_self');">
            <div style="padding: 12% 5% 0 40%;">
                <span style="font-size: 20px;color: #ffffff; font-weight:bold;">宿舍管理</span>
            </div>
        </div>
        <ul class="layui-nav layui-nav-tree" lay-filter="leftNav">
                <li class="layui-nav-item layui-nav-itemed" th:each="parentMenu : ${menu}">
                    <a href="javascript:;" th:data-url="${parentMenu.menuUrl }" th:data-id='${parentMenu.menuId }'
                       th:data-text="${parentMenu.menuName }">
                        <i class="iconfont">&#xe607;</i><span th:text="${parentMenu.menuName }"></span>
                    </a>
                    <dl class="layui-nav-child" th:if="${parentMenu.childrenMenu.size() > 0}" >
                        <dd th:each="childrenMenu : ${parentMenu.childrenMenu}">
                            <a href="javascript:;" th:data-url="${childrenMenu.menuUrl }"
                               th:data-id='${childrenMenu.menuId }' th:data-text="${childrenMenu.menuName}">
                                <span class="l-line"></span> <span th:text="${childrenMenu.menuName}"></span>
                            </a>
                        </dd>
                    </dl>
                </li>
            </c:if>
        </ul>
    </div>
    <!--右侧内容-->
    <div class="main-layout-container">
        <!--头部-->
        <div class="main-layout-header" style="background: #444c63;">
            <div class="menu-btn" id="hideBtn">
                <a href="javascript:;">
                    <span class="iconfont" style="color: #00B5F9;">&#xe60e;</span>
                </a>
            </div>
            <ul class="layui-nav" lay-filter="rightNav">
                <li class="layui-nav-item" style="border-left: 0px">
                    <a href="javascript:;" data-url="/user/myInfo.json" data-id='userid' data-text="个人信息" th:text="${user.name}"></a>
                </li>
                <li class="layui-nav-item" style="border-left: 0px "><a href="/logout.json">退出</a></li>
            </ul>
        </div>
        <!--主体内容-->
        <div class="main-layout-body">
            <!--tab 切换-->
            <div class="layui-tab layui-tab-brief main-layout-tab" lay-filter="tab" lay-allowClose="true">
                <ul class="layui-tab-title">
                    <li class="layui-this welcome">公告信息</li>
                </ul>

                <div class="kit-tab-tool">操作&nbsp;<i class="fa fa-caret-down"></i></div>
                <div class="kit-tab-tool-body layui-anim layui-anim-upbit">
                    <ul>
                        <li class="kit-item" data-target="refresh">刷新当前选项卡</li>
                        <li class="kit-line"></li>
                        <li class="kit-item" data-target="closeCurrent">关闭当前选项卡</li>
                        <li class="kit-line"></li>
                        <li class="kit-item" data-target="closeOther">关闭其他选项卡</li>
                        <li class="kit-line"></li>
                        <li class="kit-item" data-target="closeAll">关闭所有选项卡</li>
                    </ul>
                </div>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show" style="background: #f5f5f5;">
                        <!--1-->
                        <iframe src="/welcome.json" width="100%" height="100%" name="iframe" scrolling="auto"
                                class="iframe" framborder="0"></iframe>
                        <!--1end-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--遮罩-->
    <div class="main-mask">

    </div>
</div>
<script src="/static/admin/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/admin/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/admin/js/main.js" type="text/javascript"></script>

</body>
</html>